:root {
  --el-text-color-regular: #2c2c2c;
  --el-fill-color-lighter: #ebeef5;
  --el-border-color: #bababa;
  --el-border-color-light: #bababa;
  --el-color-info: #2c2c2c;
  --el-border-color-lighter: #bababa;

  --header-title-text-color: #000000;
  --header-bg-color: #ffffff;
  --menu-aside-text-color: #000000;
  --menu-aside-active-text-color: #00d5ff;
  --menu-aside-bg-color: #ffffff;
  --menu-aside-border-color: #000000;
}

.header-dropdown-menu {
  width: 150px;
  background-color: var(--header-bg-color) !important;
  border-color: var(--header-bg-color) !important;

  .el-dropdown-menu {
    background-color: var(--header-bg-color) !important;
    border-color: var(--header-bg-color) !important;

    .el-dropdown-menu__item {
      color: var(--header-title-text-color);
    }

    .el-dropdown-menu__item:not(.is-disabled):focus,
    .el-dropdown-menu__item:not(.is-disabled):hover {
      color: hsl(from var(--header-bg-color) h s calc(l * 1.2));
      background-color: hsl(from var(--header-bg-color) h s calc(l * 0.8));
    }
  }
  
  ::before {
    background-color: var(--header-bg-color) !important;
    border-color: var(--header-bg-color) !important;
  }
}

.el-input {
  --el-input-border-color: #bababa;
}

.el-table {
  --el-table-border: 1px solid #bababa;
  --el-table-border-color: #bababa;
  --el-table-header-text-color: #2c2c2c;
  --el-table-row-hover-bg-color: #e4e7ed;
}

.el-textarea {
  --el-input-border-color: #bababa;
}

.search-form {
  display: flex;

  .el-form-item {
    margin-bottom: 0;
  }
}

.search-box {
  width: 100%;
  margin-bottom: 10px;
}

.table-pagination {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
